<template>
  <div style="padding-top: 150px">
    <el-button @click="toAbout">跳转到part3</el-button>
    <el-button @click="comfirm">弹窗</el-button>
  </div>
</template>

<script>
export default {
  methods: {
    toAbout() {
      this.$router.push("/home/part2/part3");
    },
    comfirm() {
      const h = this.$createElement;
      let w = [];
      let a = ["w", "s"];
      for (const key in a) {
        w.push(h("p", null, a[key]));
      }
      this.$msgbox({
        title: "消息",
        type: "warning",
        customClass: "customClass",
        message: h("div", null, w),
      });
    },
  },
};
</script>

<style lang="scss">
.customClass {
  .el-message-box__status {
    top: 12px;
  }
}
</style>
